
			window.onload=function(){
				document.getElementById("form").onsubmit=function(){
						   /*
							调用用户名校验方法
							调用密码校验方法
							返回值为校验方法	
						   */
				return checkUsername() && checkPassword() && checkCode();
				}
						// 设置各个方法的离焦事件
				document.getElementById("username").onblur=checkUsername;
				document.getElementById("password").onblur=checkPassword;
				document.getElementById("checkcode").onblur=checkCode;
				
				//获取所有input标签
				var inputs=document.getElementsByTagName("input");	
				//对inpu进行遍历
				for(var i=0;i<inputs.length;i++){
					//鼠标放上去改变标签样式		
					inputs[i].onmouseover=function(){
						this.className="over";
					}
					//鼠标移开改变标签样式	
					inputs[i].onmouseout=function(){
						this.className="out";
					}
				}
				
				var btnstyle=document.getElementById("button");
				btnstyle.onmouseover=function(){
					btnstyle.style="background:linear-gradient(to right, #FF0000,#fbb700);color:yellow";
				}
				btnstyle.onmouseout=function(){
					btnstyle.style="list-style:none";
				}
			}
			
			function checkUsername(){
					   //获取用户名的值
					   var username=document.getElementById("username").value;
					   //定义正则表达式
					   var reg_username=/^\w{6,12}$/;
					   //判断正则表达式规则
					   var flag=reg_username.test(username);
					   // 获取用户名span标签的id
					   var s_username=document.getElementById("s_username");
					   //提示校验信息
					   if(flag){
							s_username.innerHTML="<img src='../images/gou.png'/>";
					   }else if(username==""){
							s_username.innerHTML="用户名不能为空";
					   }else{
						   s_username.innerHTML="用户名格式有误";
					   }
					   return flag;
			} 
			
			function checkPassword(){
				var password=document.getElementById("password").value;
				var reg_password=/^\w{6,12}/;
				var flag=reg_password.test(password);
				var s_password=document.getElementById("s_password");
				if(flag){
					s_password.innerHTML="<img src='../images/gou.png'/>";
				}else if(password==""){
					s_password.innerHTML="密码不能为空";
				}else{
					s_password.innerHTML="密码格式出错";
				}
				return flag;
			}
			
			function checkCode(){
					   //获取邮箱的值
				var checkcode=document.getElementById("checkcode").value;
					   //定义正则表达式
				var reg_checkcode=/^[j][g][m][x][j]$/;
					   //判断正则表达式规则
				var flag=reg_checkcode.test(checkcode);
					   //提示校验信息
				var s_checkcode=document.getElementById("s_checkcode");
				if(flag){
					s_checkcode.innerHTML="<img src='../images/gou.png'/>";
					}else{
						s_checkcode.innerHTML="验证码不正确";
					}
				return flag;
			} 
